<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="../static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>青年电影志</title>
	<!-- 页面摘要描述 -->
  	<meta name="description" content="约吗">
  	<!-- 页面关键词 -->
  	<meta name="keywords" content="约大牛">

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="../static/css/ionicons.min.css">
	<link rel="stylesheet" href="../static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="../static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="yuejianPage">
		<div class="select-plan">
			<h4>请选择你要预约的话题</h4>
			<form action="http://www.baidu.com" name="selectPlan_form" id="selectPlan_form">
				<input type="hidden" name="plan" id="selected_plan" value="1">
				<a href="#" class="plan-item is-active js-select-plan" data-plan="1">
					<div class="plan-item-title">如何做一个好的产品人并让大众认识你？</div>
					<div class="plan-item-meta">
						<p>100元/次</p>
						<p>约1.5小时</p>
					</div>
				</a>
				<a href="#" class="plan-item js-select-plan" data-plan="2">
					<div class="plan-item-title">如何做好一款社区、社交产品？</div>
					<div class="plan-item-meta">
						<p>100元/次</p>
						<p>约1.5小时</p>
					</div>
				</a>
				<a href="#" class="plan-item js-select-plan" data-plan="3">
					<div class="plan-item-title">产品经理应该是一个什么样的人？</div>
					<div class="plan-item-meta">
						<p>100元/次</p>
						<p>约1.5小时</p>
					</div>
				</a>
				<a role="button" class="plan-submit js-plan-submit">确认</a>
			</form>
			<a role="button" class="plan-hide js-close"></a>
		</div>
		<!-- END .select-plan -->
		<div class="bar bar-footer bar-primary">
			<a role="button" class="nav-btn js-plan-show"><i class="ion-chatbubbles"></i>立即青年电影志</a>
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<article class="single-post">
					<header class="entry-header" style="background-image: url(../static/assets/single-head.jpg);">
						<div class="entry-avatar-wrap">
							<div class="entry-avatar">
								<img src="../static/assets/zsb.jpg" alt="">
							</div>
						</div>
						<h1 class="entry-name">张素博</h1>
						<div class="entry-post-wrap">
							<div class="entry-post">一起电影产品总监</div>
						</div>
						<span class="loveit js-loveit"><i class="ion-ios-heart"></i></span>
					</header>
					<!-- END .entry-header -->
					<div class="entry-address">北京 昌平区 回龙观</div>
					<div class="entry-meta">
						<span><i class="ion-android-time"></i>0回应</span>
						<span><i class="ion-coffee"></i>0人见过</span>
						<span><i class="ion-heart"></i>10人相见</span>
					</div>
					<div class="fund-plan-card state-retian-border js-touch">
						<header class="entry-header">
							<span class="plan-money">¥500元/次</span>
							<div class="plan-rating">
								<i class="ion-android-star"></i>
								<i class="ion-android-star"></i>
								<i class="ion-android-star"></i>
								<i class="ion-android-star"></i>
								<i class="ion-android-star-half"></i>
							</div>
						</header>
						<!-- END .entry-header -->
						<div class="entry-excerpt">
							1、线上观影券（价值五元）<br>
							2、高清电影海报+视频剪辑软件教学视频 <br>
							3、每89名投资者产生一个幸运奖：获得16G定制优盘
							一只（含最终影片官方未删减版，仅限众筹支持者）预
							计回报发放时间：项目成功后90天内
						</div>
						<!-- END .entry-excerpt -->
						<footer class="entry-footer">
							<span class="fund-time"><i class="ion-android-time"></i>约1.5小时</span>
							<span class="fund-cat">商业合作</span>
						</footer>
						<!-- END .entry-footer -->
						<a href="#" class="overlay-link"></a>
					</div>
					<!-- END .fund-plan-card -->
					<div class="fund-plan-card state-retian-border js-touch">
						<header class="entry-header">
							<span class="plan-money">¥250元/次</span>
							<div class="plan-rating">
								<i class="ion-android-star"></i>
								<i class="ion-android-star"></i>
								<i class="ion-android-star"></i>
								<i class="ion-android-star"></i>
								<i class="ion-android-star-half"></i>
							</div>
						</header>
						<!-- END .entry-header -->
						<div class="entry-excerpt">
							1、线上观影券（价值五元）<br>
							2、高清电影海报+视频剪辑软件教学视频 <br>
							3、每89名投资者产生一个幸运奖：获得16G定制优盘
							一只（含最终影片官方未删减版，仅限众筹支持者）预
							计回报发放时间：项目成功后90天内
						</div>
						<!-- END .entry-excerpt -->
						<footer class="entry-footer">
							<span class="fund-time"><i class="ion-android-time"></i>约1.5小时</span>
							<span class="fund-cat">商业合作</span>
						</footer>
						<!-- END .entry-footer -->
						<a href="#" class="overlay-link"></a>
					</div>
					<!-- END .fund-plan-card -->
					<div class="about-people">
						<h3 class="about-title">关于电影咖</h3>
						<div class="about-avatar">
							<img src="../static/assets/zsb.jpg" alt="">
						</div>
						<p>
							做项目和做产品有着本质的区别，做项目，尤其是
							在外包公司，其宗旨是最快的时间、最简单的方式
							完成项目；而作为产品，是在极致性的追求产品的
							完美和用户体验。很多时候，我做项目时，需求都
							是来源与客户，而忽略了产品定位下的用户的需求
							然而，更要命的是，很多时候，我的客户都不知道
							他的产品定位是什么？目标群体是谁？!
						</p>
					</div>
					<!-- END .about-people -->
					<div class="review-comment">
						<h4 class="review-title">评价</h4>
						<div class="review-content">
							行家是产品经济思维百科全书，了解前世，判断后世，收获极大，多聊了一个小时，感谢感谢！
						</div>
						<!-- END .review-content -->
						<a href="#" class="review-party">参与话题：如何做好一款社区、社交产品？</a>
						<div class="review-user-wrap">
							<div class="review-user">
								<div class="review-user-avatar">
									<img src="http://fakeimg.pl/80x80/00CED1/FFF/?text=T">
								</div>
								<!-- END .review-user-avatar -->
								<div class="review-user-info">
									<b class="user-name">李超</b>
									<time class="review-date">2015/09/18</time>
								</div>
							</div>
							<!-- END .review-user -->
						</div>
						<!-- END .review-user-wrap -->
						<div class="read-more-wrap">
							<a href="#" class="read-more">查看8条评价</a>
						</div>
						<!-- END .read-more-wrap -->
					</div>
					<!-- END .review-comment -->
				</article>
				<!-- END .single-post -->
				<section class="related-topic">
					<h3 class="related-title">相关话题</h3>
					<article class="people-view js-touch">
						<div class="people-avatar">
							<img src="../static/assets/man-1.jpg" alt="">
							<span class="people-name">李超</span>
						</div>
						<!-- END .people-avatar -->
						<div class="people-content">
							<h3 class="people-title">iOS工程师的那些故事 你有吗？</h3>
							<span class="people-pos">iOS高级工程师</span>
							<div class="people-meta">
								<span class="people-review">10人见过</span>
								<span class="people-comments">12人评价</span>
							</div>
							<!-- END .people-meta -->
						</div>
						<!-- END .people-content -->
						<a href="#" class="overlay-link"></a>
					</article>
					<!-- END .people-view -->
					<article class="people-view js-touch">
						<div class="people-avatar">
							<img src="../static/assets/man-2.jpg" alt="">
							<span class="people-name">刘欣宇</span>
						</div>
						<!-- END .people-avatar -->
						<div class="people-content">
							<h3 class="people-title">技术人应该怎么生活？</h3>
							<span class="people-pos">寰影（北京）文化传媒技术总监</span>
							<div class="people-meta">
								<span class="people-review">99人见过</span>
								<span class="people-comments">32人评价</span>
							</div>
							<!-- END .people-meta -->
						</div>
						<!-- END .people-content -->
						<a href="#" class="overlay-link"></a>
					</article>
					<!-- END .people-view -->
				</section>
				<!-- END .related-topic -->
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="../static/js/app.js"></script>
</body>
</html>